@charset "utf-8";
/* CSS Document */

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

#sidebar {
    width: 251px;
    height: 500px;
    float: left;
    background: white;
}

#sidebar h1 {
    background: url(../img/wel.gif) no-repeat; /*设置图片  没有偏移*/
    width: 123px;
    height: 35px;
    font-size: 100%; /*  即是14px 继承自body  */
    text-indent: -9999px; /*将欢迎光临的文字去掉  负缩进*/
    margin-top: 10px; /*到顶部的距离*/
    margin-left: 20px; /*到左边的距离*/
}

#sidebar img {
    display: block; /*检索对象是否及如何显示---将对象强制作为块对象呈递，为对象之后添加新行*/
    margin-top: 10px; /*与顶部的间距*/
    margin-left: 20px; /*与左边的间距*/
}

#sidebar ul {
    line-height: 180%; /*行距*/
    text-indent: 20px; /*文本的缩进*/
    list-style-type: none; /*关闭列前黑点*/
    font-size: 14px;
}

#sidebar ul li a {
    display: inline-block; /*？？？？？？？？？？？？？？？？？？？？？？*/
    /*检索对象是否及如何显示---将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内*/
    width: 65px;
    height: 11px;
}

#sidebar ul li a img {
    margin-left: 0px;
    margin-top: 0px;
}

#sidebar ul li.line { /*  设置分隔线    */
    border-bottom: 1px solid #999; /*高度 实现边框 颜色*/
    margin-left: 20px;
    margin-right: 50px;
    margin-bottom: 5px;
    height: 10px;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

#news {
    width: 313px;
    height: 300px;
    float: left;
    background: white;
}

#news h1 {
    background: url("../img/news.gif") no-repeat scroll 0 0 transparent; /*图片--铺排--随对象内容滚动还是固定--背景图像位置--背景色透明*/
    width: 123px;
    height: 27px;
    font-size: 100%; /*  即是14px 继承自body  */
    text-indent: -9999px;
    margin-top: 10px;
    margin-left: 10px;
}

#news ul {
    line-height: 180%;
    margin-top: 7px;
    margin-left: 13px;
    background: url(img/weline.gif) repeat-y right center; /*图片--背景图像仅在竖向上平铺--居右--居中*/
    list-style-type: none;
    font-size: 12px;
}

#news ul li {
    padding-left: 15px; /*对象左边的内补丁*/
}

#news ul li.date {
    color: orange;
    font-weight: bold;
    background: url(../img/ico.gif) no-repeat left center;
}

#news ul li a {
    display: inline-block; /*？？？？？？？？？？？？？？？？？？？？？？*/
    width: 65px;
    height: 11px;
}


/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

#about {
    width: 303px;
    height: 300px;
    float: left;
    background: white;
}

#about h1 {
    background: url("../img/about.gif") no-repeat scroll 0 0 transparent; /*图片--铺排--随对象内容滚动还是固定--背景图像位置--背景色透明*/
    width: 127px;
    height: 26px;
    font-size: 100%; /*  即是14px 继承自body  */
    text-indent: -9999px;
    margin-top: 10px;
    margin-left: 10px;
}

#about img {
    display: block; /*检索对象是否及如何显示---将对象强制作为块对象呈递，为对象之后添加新行*/
    margin-left: 16px;
    margin-top: 15px;
}

#about p {
    width: 235px;
    margin-left: 23px;
    color: #666;
    line-height: 140%;
    font-size: 14px;
}

#about a {
    display: inline-block; /*？？？？？？？？？？？？？？？？？？？？？？*/
    width: 65px;
    height: 11px;
    margin-top: 0px;
    margin-left: 5px;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

#estate {
    width: 616px;
    height: 200px;
    float: left;
    background: white;
}

#estate #escon {
    width: 530px;
    height: 190px;
    margin-left: 35px;
    border-top: 1px solid #ccc; /*上边框的样式--宽度 实框 颜色*/
}

#estate #escon img {
    display: block; /*检索对象是否及如何显示---将对象强制作为块对象呈递，为对象之后添加新行*/
    float: left; /*浮动*/
    padding-top: 15px; /*对象上边的内补丁*/
}

#estate #escon dl {
    float: left;
    width: 280px;
}

#estate #escon dl dt {
    background: url(../img/estate1.gif) no-repeat; /*无偏移*/
    width: 117px;
    height: 30px;
    font-size: 100%;
    text-indent: -9999px;
    margin-top: 20px;
    margin-left: 20px;
}

#estate #escon dd {
    padding: 2px 0 0 20px; /*对象四边的内补丁--基于父对象的宽度--上－右－下－左*/
}

#estate #escon dl dd a {
    display: inline-block; /*？？？？？？？？？？？？？？？？？？？？？？*/
    width: 65px;
    height: 11px;
    margin-top: 2px;
}


/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
#body iframe {
    width: 867px;
    height: 500px;
}


